<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('标签探查')" />
    <th:block th:include="include :: layout-latest-css" />
    <th:block th:include="include :: bootstrap-fileinput-css" />
</head>
<body class="gray-bg">
    <div class="ui-layout-west">
        <div class="box box-main">
            <div class="box-header">
                <div class="box-title">
                    <i class="fa fa-list-ul"></i> 对象标签列表
                </div>
                <div class="box-tools pull-right">
                    <button type="button" class="btn btn-box-tool" id="btnCollapse" title="添加"><i class="fa fa-plus"></i></button>
                    <button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新"><i class="fa fa-refresh"></i></button>
                </div>
            </div>
            <div class="ui-layout-content">
                <div class="form-group">
                    <select class="form-control noselect2 selectpicker">
                        <option value="0">data_jxj_rkk</option>
                        <option value="1">data_czj_qyk</option>
                        <option value="2">data_ybj_ysk</option>
                    </select>
                </div>
                <div class="input-group">
                    <input type="text" class="form-control"> <span class="input-group-btn"> <button type="button" class="btn btn-primary">搜索</button> </span>
                </div>
                <div class="input-group">
                    <span class="help-block m-b-none">企业</span>
                </div>
                <div class="input-group">
                    <span class="help-block m-b-none">法人</span>
                </div>
                <div class="input-group">
                    <span class="help-block m-b-none">写字楼</span>
                </div>
            </div>
        </div>
    </div>

    <div class="ui-layout-center">
        <div class="container-div">
            <div class="row">
                <div class="col-md-12">
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            <div class="form-group">
                                <label class="font-noraml">添加筛选条件</label>
                                    <div class="file-loading">
                                         <input id="singleFile" name="file" type="file">
                                    </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <th:block th:include="include :: layout-latest-js" />
    <th:block th:include="include :: bootstrap-fileinput-js" />
    <script th:inline="javascript">
        $(function() {
            var panehHidden = false;
            if ($(this).width() < 769) {
                panehHidden = true;
            }
            $('body').layout({ initClosed: panehHidden, west__size: 185, resizeWithWindow: false });
            // 回到顶部绑定
            if ($.fn.toTop !== undefined) {
                var opt = {
                        win:$('.ui-layout-center'),
                        doc:$('.ui-layout-center')
                };
                $('#scroll-up').toTop(opt);
            }
            // 单图上传
            $("#singleFile").fileinput({
                dropZoneTitle: '做左侧目录拖拽标签至此',
                showBrowse: false,
                showCaption: false,
                showUpload: false,
                uploadUrl: ctx + 'common/upload',
                maxFileCount: 1,
                autoReplace: true
            }).on('fileuploaded', function (event, data, previewId, index) {
                    var rsp = data.response;
                log.info("return url：" + rsp.url)
                log.info("reutrn fileName：" + rsp.fileName)
                log.info("reutrn newFileName：" + rsp.newFileName)
                log.info("return originalFilename：" + rsp.originalFilename)
            }).on('fileremoved', function (event, id, index) {
                $("input[name='" + event.currentTarget.id + "']").val('')
            });
        });
    </script>
</body>
</html>